import { Col, ConfigProvider, Input, Row, Tabs } from 'antd';
import {
  LoginForm,
  ProFormCheckbox,
  ProFormText,
} from '@ant-design/pro-form';
import { useState } from 'react';
import { LockOutlined, UserOutlined } from '@ant-design/icons';
import { useModel } from '@@/plugin-model/useModel';
import { systemName } from '@/system/config/CommonConfig';

// 登录类型
const LoginType = {
  account: 'account',
  phone: 'phone',
};

/**
 * 请求的登录的url
 */
const url = {
  login: '~login',
};

export default function LoginPage() {
  // 登录类型
  const [loginType, setLoginType] = useState(LoginType.account);
  // 页面渲染
  return (
    <div
      style={{
        height: 'calc(100vh)',
        background: 'url(\'/login-background.jpg\')  no-repeat',
        backgroundSize: '100% 100%',
        paddingTop: 'calc(100vh/4)',
      }}
    >
      <Row>
        <Col offset={15}>
          <LoginForm
            layout='horizontal'
            title={systemName}
            onFinish={async (values: any) => {

            }}
          >
            <Tabs defaultActiveKey="2">
              <Tabs.TabPane
                tab={
                  <span>
          Tab 1
        </span>
                }
                key="1"
              >
                Tab 1
              </Tabs.TabPane>


              <Tabs.TabPane
                tab={
                  <span>
          Tab 2
        </span>
                }
                key="2"
              >
                Tab 2
              </Tabs.TabPane>
            </Tabs>
          </LoginForm>
        </Col>
      </Row>
    </div>
  );
}
